<template>
  <div id="app">
	  
	  
	  <el-container style="height: 100vh;">
	    <el-header class="head">Header</el-header>
	    <el-container class="content">
	      <el-aside width="200px" class="left">
			
			<Menu></Menu>
			
		  </el-aside>
	      <el-main class="main">
			  
			  <router-view></router-view>
			  
			  
		  </el-main>
	    </el-container>
	  </el-container>
	  
	  
	  
	  
	<!-- <div>
		<p><router-link to="/teacher">教师</router-link></p>
		<p><router-link to="/student">学生</router-link></p>
		
	</div>
	
	  -->
	
  </div>
</template>

<script>
import Menu from '@/components/Menu'

export default {
  name: 'App',
  //局部组件
  components: {
	Menu
  }
}
</script>

<style>
	/**相当于reset**/
	*{
		margin: 0;
		padding: 0;
	}
	.head{
		background-color: #484848;
		color:#ffffff;
		line-height: 60px;
	}
	
	
	.content{
		height:  calc(100% - 60px);
	}
	
	.left{
		background-color: #6a6a6a;
	}
	
	
	
	

</style>
